<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="a.header.jsp" %>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>


<table id="demo" lay-filter="test"></table>
 

<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 312
    ,url: 'resouces/json/user.json' //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'username', title: '用户名', width:80}
      ,{field: 'sex', title: '性别', width:80, sort: true}
      ,{field: 'city', title: '城市', width:80} 
      ,{field: 'sign', title: '签名', width: 177}
      ,{field: 'experience', title: '积分', width: 80, sort: true}
      ,{field: 'score', title: '评分', width: 80, sort: true}
      ,{field: 'classify', title: '职业', width: 80}
      ,{field: 'wealth', title: '财富', width: 135, sort: true}
    ]]
  });
  
});
</script>
</body>
</html>

<!-- <script type="text/javascript"> -->
//     $(document).ready(function () {
//         var tronClasstype = [];
//         var dataLength = [];
//         //分页代码
//         layui.use(['laypage', 'layer'], function() {
//             var laypage = layui.laypage
// //                , layer = layui.layer;
//             laypage({
//                 cont: 'demo1'
//                 , groups: 5, //连续显示分页数
//                 jump: function(obj, first){
//                     //得到了当前页，用于向服务端请求对应数据
//                     var curr = obj.curr;
//                     $.post("${pageContext.request.contextPath}/TronClassServlet?method=pool",
//                         {
//                             curr:curr
//                         },
//                         function (data, status) {
//                             $(".tr_1").html("");
//                             for (var i = 0; i < data.length; i++) {
//                                 dataLength.push(data[i]);
//                                 tronClasstype = data[i];
//                                 $(".tr_1").append("<tr> <td><input type='checkbox'></td>" +
//                                     "<td>" + (i + 1) + "</td>" +
//                                     "<td>" + tronClasstype['year'] + "</td>" +
//                                     "<td>" + tronClasstype['tron_month'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_rj'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_xin'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_rw'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_ts'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_xiu'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_gz'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_kuai'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_ad'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_wc'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_wu'] + "</td>" +
//                                     "<td>" + tronClasstype['eu_jr'] + "</td>" +
//                                     "<td>" +
//                                     "<a href='/manage/article_edit_1' class='layui-btn layui-btn-mini'>编辑</a>" +
//                                     "<a href='javascript:;' data-id='1' data-opt='del' class='layui-btn layui-btn-danger layui-btn-mini'>删除</a>" +
//                                     "</td> </tr>"
//                                 );
//                             }

//                         },
//                         "json"
//                     );

//                 }
<%--                 , pages: <%=session.getAttribute("pages") %>//总页数 --%>
//             });
//         });
//     });
<!-- </script> -->